<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="ru">
<body>
<div th:fragment="user-info" id="modal-ter" class="modal">
    <div class="modal-background"></div>
    <div class="modal-card">
        <header class="modal-card-head">
            <p class="modal-card-title" th:text="'Параметры пользователя: ' + ${username}"></p>
            <button class="delete" aria-label="close"></button>
        </header>
        <section class="modal-card-body">
            <div id="error-message" class="notification is-danger is-light is-hidden"></div>
            <div id="user-form">
                <div class="field is-normal">
                    <label for="service-id" class="label">Идентификатор пользователя</label>
                </div>
                <div class="field has-addons">
                    <div class="control is-expanded">
                        <input id="service-id" class="input" name="service-id" type="password"
                               th:value="${serviceId}"
                               readonly/>
                    </div>
                    <div class="control">
                        <button class="button is-link btn-show-data"
                                data-target="service-id">
                                    <span class="icon">
                                        <ion-icon name="eye-sharp"></ion-icon>
                                    </span>
                        </button>
                    </div>
                </div>
                <div class="field is-normal">
                    <label for="token" class="label">Токен пользователя</label>
                </div>

                <div class="field has-addons">
                    <div class="control is-expanded">
                        <input id="token" class="input" name="token" type="password" th:value="${token}"
                               readonly/>
                    </div>
                    <div class="control">
                        <button class="button is-link btn-show-data"
                                data-target="token">
                                    <span class="icon">
                                        <ion-icon name="eye-sharp"></ion-icon>
                                    </span>
                        </button>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
</body>
</html>